<template>
	<a-row :gutter="[10, 10]">
		<a-col :span="12">
			<a-card title="漏斗图" :bordered="false">
				<FunnelChart style="height: 400px"/>
			</a-card>
		</a-col>
		<a-col :span="12">
			<a-card title="漏斗图(对比)" :bordered="false">
				<FunnelCompare style="height: 400px"/>
			</a-card>
		</a-col>
		<a-col :span="12">
			<a-card title="漏斗图" :bordered="false">
				<CustomizedFunnel style="height: 400px"/>
			</a-card>
		</a-col>
		<a-col :span="12">
			<a-card title="Funnel" :bordered="false">
				<MultipleFunnels style="height: 400px"/>
			</a-card>
		</a-col>
	</a-row>
</template>

<script setup name="eCLouDouTu">
import FunnelChart from '@/components/Chart/eCLouDouTu/FunnelChart.vue'
import FunnelCompare from '@/components/Chart/eCLouDouTu/FunnelCompare.vue'
import CustomizedFunnel from '@/components/Chart/eCLouDouTu/CustomizedFunnel.vue'
import MultipleFunnels from '@/components/Chart/eCLouDouTu/MultipleFunnels.vue'
</script>

<style scoped></style>
